
// 导入css样式

// 不是js代码。只是样式
import 'bootstrap/dist/css/bootstrap.min.css'

// 项目的入口文件
// 'vue' 是在这个项目中通过npm安装的包
// 脚手架工具自动给你安装的包,在如下两个地方可以看到：
//   - package.json
//   - node_modules

// 相当在.html文件中<script src="./vue.js">
// 默认导入
// vue会去node_modules中找
// node_modules\vue\dist\vue.runtime.common.dev.js
import Vue from 'vue' 

// 导入路由文件
import router from './router.js'

// App.vue是一个单文件组件
// 导入一个组件
// 默认导入
import App from './App.vue'
// alert('123456')
// console.log(Date.now())
// 约定当前对vue代码的提示方式
// production:生产环境
// productionTip = false 不采用生产环境下的提示。尽可能给更多的提示信息。
Vue.config.productionTip = false

// 1.引入 moment.js
import moment from "moment"
// 2.定义全局过滤器
Vue.filter('dateFormat',function(value){
  // console.log(value);
  // return '123'
  // 由于直接传入日期格式并不一定是moment期望的格式，所以这里统一用Date()来处理一下
  // return moment(value).format('YYYY年MM月DD日')
  return moment( new Date(value) ).format('YYYY年MM月DD日 hh时')
})
// Vue实例有一个函数$mount, 它可以把vue实例挂载到某个dom窗口容器中
// new Vue().$mount('#app')  <====> new Vue({el:'#app"})

// render也是Vue实例的一个配置项
// render作用：指定视图的内容，它的值是一个函数。
//           在这里，它的内容就是上面引入的组件App

// 整体的作用是：把App.vue这个组件的内容，渲染到 public/index.html中的
// <div id="app"></div> 中， 再显示出来。


// 导入axios
import axios from 'axios'
//设置axios的基准地址
//从这个axios发出的请求地址中，可以不用写这一段，他会自动补齐
axios.defaults.baseURL = 'http://localhost:3000/'   
// 给vue的原型上添加一个自定义的属性: 在所有的Vue实例中都可以访问
// 组件本质也是vue实例对象
//属性名是 $http(是可以更改),
//属性是： axios
Vue.prototype.$http = axios

new Vue({
  router: router, // 使用路由
  render: h => h(App),
  // render: function(h) { return h(App) },
}).$mount('#app')

// #app 是指public下index.html中的14行中的<div id="app">